<html>
<head>
  <title>Publisher</title>
  <link rel="alternate" href="/feed" type="application/atom+xml"/>
  <style type="text/css">
    input, textarea { margin-bottom: 2em }
    .message { margin-bottom: 1em; }
  </style>
</head>
<body>

<h1>Publisher page</h1>

<form action="/" method="post">
  <div>
    <div>Title:</div>
    <input style="width: 300px" type="text" name="title"/>
  </div>
  <div>
    <div>Message:</div>
    <input style="width: 300px" type="text" name="content">
  </div>
  <input type="hidden" name="hub" value="http://pubsubhubbub.appspot.com"/></div>
  <div><input type="submit" value="Submit"></div>
</form>

<h3>Previous messages</h3>

{% for message in messages %}
<div class="message">
  <div><strong>{{message.title}}</strong></div>
  <div>
    Published at {{message.get_zulu_time}}, ID: {{message.key.id_or_name}}
  </div>
  <div>{{message.content}}</div>
</div>
{% endfor %}

</body>
</html>
